<ion-header class="commonHeader">
    <ion-toolbar>
        <ion-buttons slot="start">
            <ion-button appDebounceClick (debounceClick)="dismiss()">
                <img class="header-icon-img" src="assets/img/back_left.png" alt="back">
            </ion-button>
        </ion-buttons>
        <form action="javascript: return true;">
            <ion-searchbar #searchBar (keypress)="searchMap($event)" inputmode="" placeholder="店铺名称/信息标题"
                class="search-bar" autocomplete="off" mode="ios" (ionClear)="touchClear($event)"
                [(ngModel)]="streetDetail" [ngModelOptions]="{standalone: true}"></ion-searchbar>
        </form>
        <input type="hidden" id="useForBlur" />
        <ion-buttons slot="end">
            <ion-button appDebounceClick (debounceClick)="chosenCity()">
                <span id="identityMapCity" class="identityMapCity">{{chooseCityName}}</span>
                <i class="triangle-icon"></i>
            </ion-button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<div id="sNumberCount" class="shop-number-count">
    <div #numberCtrl id="numberCtrl" class="numberCtrl" *ngIf="tagData.appDataMapList.data.statistics[0]">
        <p class="numberCtrl-p1">{{tagData.appDataMapList.data.statistics[0].label}}</p>
        <p class="numberCtrl-p2">{{tagData.appDataMapList.data.statistics[0].total}}</p>
        <p class="numberCtrl-p3">今日
            {{tagData.appDataMapList.data.statistics[0].count}}+</p>
    </div>
    <div #countCtrl id="countCtrl" class="countCtrl" *ngIf="tagData.appDataMapList.data.statistics[1]">
        <p class="countCtrl-p1">{{tagData.appDataMapList.data.statistics[1].label}}</p>
        <p class="countCtrl-p2">{{tagData.appDataMapList.data.statistics[1].total}}</p>
        <p class="countCtrl-p3" *ngIf="tagData.appDataMapList.data.statistics[1].count > 0">比昨日增长
            {{tagData.appDataMapList.data.statistics[1].count}}</p>
        <p class="countCtrl-p3" *ngIf="tagData.appDataMapList.data.statistics[1].count <= 0">比昨日减少
            {{-tagData.appDataMapList.data.statistics[1].count}}</p>
    </div>
</div>
<div #container id="container" class="container-map"></div>
<div #subTabsCtrl id="subTabsCtrl" class="subTabsCtrl">
    <div class="subTabsCtrl-div1">
        <p *ngIf="tagData.appDataMapList.data.stateTabs.data&&tagData.appDataMapList.data.stateTabs.data[0]"
            class="subTabsCtrl-div1-p1" id="subTabsCtrl-div1-p1" appDebounceClick (debounceClick)="subTabsClick(1)">
            {{tagData.appDataMapList.data.stateTabs.data[0].label}}</p>
        <p *ngIf="tagData.appDataMapList.data.stateTabs.data&&tagData.appDataMapList.data.stateTabs.data[1]"
            class="subTabsCtrl-div1-p2" id="subTabsCtrl-div1-p2" appDebounceClick (debounceClick)="subTabsClick(2)">
            {{tagData.appDataMapList.data.stateTabs.data[1].label}}</p>
    </div>
    <div class="subTabsCtrl-div2">
        <img class="subTabsCtrl-div2-chart" *ngIf="dataType===1&&subTabsState===1"
            src="assets/img/map/home_img_business data @3x.png" />
        <img class="subTabsCtrl-div2-chart" *ngIf="dataType===1&&subTabsState===2"
            src="assets/img/map/home_img_format data@3x.png" />
        <img class="subTabsCtrl-div2-chart" *ngIf="dataType!==1" src="assets/img/map/home_img_format data@3x.png" />
        <div class="chartLabel">
            <p #chartLabel id="chartLabel"
                style="width: 3.8rem;vertical-align:middle;text-align: center;text-overflow: ellipsis;">深圳</p>
        </div>
        <div id="subTabs-infoD1" class="subTabs-infoD-global">
            <div class="subTabs-infoD2-d1" id="subTabs_state2">
                <p class="subTabs-infoD1-d1-p1"></p>
                <p class="subTabs-infoD1-d1-p2">经营中</p>
                <p class="subTabs-infoD1-d1-p3">53880</p>
            </div>
            <ng-container *ngFor="let item of stateDataArray;let i=index;">
                <div [ngClass]="{'subTabs-infoD2-d1-check':tagData.appDataMapList.data.opportunity_plugin_id===(i+1)+'','subTabs-infoD2-d1':(tagData.appDataMapList.data.opportunity_plugin_id===undefined)||(tagData.appDataMapList.data.opportunity_plugin_id!=(i+1)+'') }"
                    appDebounceClick (debounceClick)="stateClick(i,stateDataArray.length)" id="subTabs_state{{i}}">
                    <p class="subTabs-infoD1-d1-p1-p{{i}}"></p>
                    <p class="subTabs-infoD1-d1-p2">{{item.label}}</p>
                    <p class="subTabs-infoD1-d1-p3">{{item.total}}</p>
                </div>
            </ng-container>
            <div class="subTabs-infoD2-d1" id="subTabs_state3">
                <p class="subTabs-infoD1-d1-p1-p2"></p>
                <p class="subTabs-infoD1-d1-p2">招商中</p>
                <p class="subTabs-infoD1-d1-p3">135</p>
            </div>
        </div>
        <div id="subTabs-infoD2" style="display: none;" class="subTabs-infoD-global">
            <ng-container *ngFor="let item of industryDataArray;let i=index;">
                <div [ngClass]="{'subTabs-infoD2-d1-check': tagData.appDataMapList.data.industryList===item.code+'','subTabs-infoD2-d1':tagData.appDataMapList.data.industryList!=item.code+''}"
                    appDebounceClick (debounceClick)="industryClick(i,industryDataArray.length,item.code,item.label)"
                    id="subTabs-infoD2-d2{{i}}">
                    <p class="subTabs-infoD2-d1-p1"></p>
                    <p class="subTabs-infoD2-d1-p2">{{item.label}}</p>
                    <p class="subTabs-infoD2-d1-p3">{{item.total}}</p>
                </div>
            </ng-container>
        </div>
    </div>
    <div id="subTabsCtrl-div3" class="subTabsCtrl-div3" style="display: none;">
        <div>
            <img src="assets/img/map_icon_last@3x.png" appDebounceClick (debounceClick)="iPrevious()" class="img-icon-last">
            <img src="assets/img/map_icon_next@3x.png" appDebounceClick (debounceClick)="iNext()" class="img-icon-next">
        </div>
    </div>
</div>
<div #shopDetailCtrl id="shopDetailCtrl" class="shopDetailCtrl" style="display: none;">
    <div class="div-shop-box">
        <p class="p-shop-title">店铺详情</p>
        <button appDebounceClick (debounceClick)="closePic()" class="save-btn">
            <img id="detailInfoTitleClose" src="assets/img/map_icon_close@2x.png" class="img-detailInfoTitleClose" />
        </button>
    </div>
    <div id="detailInfo" class="box-detailInfo" appDebounceClick (debounceClick)="gotoDetailPage()">
        <img id="detailInfoPic" src="assets/img/default_img.png" onerror="this.src='assets/img/default_img.png'"
            class="img-detailInfoPic">
        <div class="div-box-detailInfoTitle">
            <div class="div-detailInfoTitle">
                <p id="detailInfoTitle" class="p-detailInfoTitle">
                </p>
            </div>
            <div class="div-detailInfoExtend">
                <p id="detailInfoExtend" class="p-detailInfoExtend"></p>
            </div>
            <div class="div-rent-info">
                <p id="detailInfoPoints" class="p-detailInfoPoints">
                </p>
                <p id="detailInfoRent" class="p-detailInfoRent">
                </p>
                <p id="detailInfoTimes" class="p-detailInfoTimes">
                </p>
            </div>
        </div>
    </div>
    <p id="detailInfo_targetObj" style="display: none;"></p>
</div>

<div id="map-filter-cover" appDebounceClick (debounceClick)="showFilterModel()" class="div-map-filter-cover">
</div>
<div id="map-filter-box" class="div-map-filter-box">
    <div>
        <ion-searchbar class="data-map-search-bar" placeholder="店铺名称/信息标题" type="text" autocomplete="on"
            onInput="if(value.length>20)value=value.slice(0,20)" [(ngModel)]="keyword">
        </ion-searchbar>
    </div>
    <div class="select-box">
        <div class="select-content">
            <ListItem Picker [extra]="industryBean.checkLabel" [arrow]="'horizontal'" [cascade]="true"
                [ngModel]="industryBean" [data]="tagData.appDataMapList.data.filter.content.industryList.data"
                (ngModelChange)="onOk2Industry($event,industryBean)">
                {{tagData.appDataMapList.data.filter.content.industryList.label}}
            </ListItem>
        </div>
    </div>
    <div class="select-box">
        <div class="select-content">
            <ListItem Picker [extra]="areaBean.checkLabel" [arrow]="'horizontal'" [ngModel]="areaBean"
                [data]="tagData.appDataMapList.data.filter.content.areaList.data"
                (ngModelChange)="onOk2Area($event,areaBean)">
                {{tagData.appDataMapList.data.filter.content.areaList.label}}
            </ListItem>
        </div>
    </div>
    <div class="submit-btn" appDebounceClick (debounceClick)="submitFilterParam()">
        <p>确定</p>
    </div>
</div>